<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>jQuery plugin: reverseText demonstration By Rudy</title>
<meta http-equiv="content-language" content="en" /><meta name="language" content="en" />
</head>
<body>

<h1>jQuery plugin: reverseText</h1>

<p>This jQuery plugin reverses all the text in the selected nodes.</p>

<ul>
<li>This text will be reversed</li>
<li>This text will not be reversed</li>
<li>reversed</li>
<li>not reversed</li>
</ul>

<p>This jQuery plugin has been created by Craig Buckler of <a href="http://www.optimalworks.net/">Optimalworks.net</a> for <a href="http://www.sitepoint.com/">SitePoint.com</a>. Please refer to the article <a href="http://www.sitepoint.com/blogs/2009/07/22/how-to-develop-a-jquery-plugin/"><strong>How To Develop a jQuery Plugin</strong></a>.</p>

<p>View <a href="jquery.reversetext.js">jquery.reversetext.js</a> for implementation instructions.</p>

<p>Please use the code as you wish at your own risk. It is provided as-is without warrranty of any kind.</p>

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.reversetext.js"></script>

<script type="text/javascript">
$("ul li").reverseText();
</script>

</body>
</html>